How to deploy an NFT Mint site template? [NO CODE]

Prerequisites

  • A GitHub account
  • A thirdweb account
  • A vercel account

Step-by-Step Guide

1. Initial Setup

  • Click the "Deploy with Vercel" button at the top of the repository
    • Notion image

2. Configure Git Repository

  • Choose your Git provider (GitHub, GitLab, or Bitbucket)
  • Set up your repository details:
  • Git Scope: Select your GitHub username/organization
  • Repository Name: Enter a name (e.g., "my-nft-minting-website")
  • Select your team if applicable
    • Notion image
      Notion image

3. Create Thirdweb Project

  • Create a new project
  • Enter your project name (e.g., "NFT MINTING TEMPLATE")
  • Configure allowed domains:
  • Add your domain (e.g., "mydomain.com")
  • Add localhost:<port> for local development
  • Click "Create" to generate your project
  • Save your Client ID and Secret Key securely
    • Notion image
Notion image

4. Configure Environment Variables

Set up the following environment variables in Vercel:

  • NEXT_PUBLIC_THIRDWEB_CLIENT_ID: Your thirdweb Client ID
  • THIRDWEB_SECRET_KEY: Your thirdweb Secret Key
  • NFT_CONTRACT_ADDRESS: Your NFT contract address
  • NFT_CONTRACT_CHAIN_ID: Chain ID where your contract is deployed (e.g., 43113 for Avalanche testnet)
  • NFT_CONTRACT_TOKEN_ID: set to 0 for ERC-721 and tokenId for ERC-1155
Notion image

5. Deploy

  • Click the "Deploy" button in Vercel
  • Wait for the build and deployment process to complete
  • Once deployed, you can access your site through the provided Vercel URL
    • Notion image
      Notion image
 
Did this answer your question?
😞
😐
🤩